<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/jsp/ningbo/common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="format-detection" content="address=no;">
<title>政务动态</title>
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/jsp/ningbo/css/news.css">
<script type="text/javascript"
	src="<%=request.getContextPath()%>/jsp/ningbo/js/jquery-1.8.2.js"></script>
</head>
<body>
	<main class="body" style="background-color:#e8e8e8;"> <%-- <!-- head start -->
	<header id="header"> 
		<span><img alt="宁波人社局" src="<%=request.getContextPath()%>/jsp/ningbo/images/top_logo.png" width="35" height="35"></span>
	
	<h1>政务动态</h1>
	</header> <!-- head end -->
	<div class="mt50"></div> --%>
	<!-- focus start -->
    <div class="flash_box f-l" id="flash_box">
		<div class="flash_con" id="flash_con">
		<c:if test="${not empty newsList_bsxw}">
			<c:forEach var="news" items="${newsList_bsxw}">
				<div class="split" >
				   <a href="<%=request.getContextPath()%>/nbwx/m/list_detail?docid=${news.docid}">
				   <img alt="" src="${news.docimage}" />
					<span class="shadow"></span>
					<div class="wz">${news.doctitle}
					</div>
					</a>
				</div>
			</c:forEach>		
		</c:if>
		

	</div>
	<div class="f_btn">
		<div class="fbtn_con" id="fbtn_con">
		<a href="javascript:void(0)" hidefocus="true" target="_self"><i>1</i></a>
		<a href="javascript:void(0)" hidefocus="true" target="_self"><i>2</i></a>
		<a href="javascript:void(0)" hidefocus="true" target="_self"><i>3</i></a>
		</div>
	</div>

	<span class="prev"></span> 
	<span class="next"></span>	

</div>
    <!-- focus end-->
	
	 <!-- main start -->	
	<div class="newsbox">
		<div class="newstit">
			<span class="more" onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_liebiao?item=126"'>更多</span>
			<h3>
				<em class="menu_2"></em>本市要闻
			</h3>
			<div class="clear"></div>
		</div>
		<ul class="newsul">
			<c:if test="${not empty newsList_bsxw}">
				<c:forEach var="news" items="${newsList_bsxw}">
					<li
						onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_detail?docid=${news.docid}"'>
						<div class="photo" >
							<img
								src="${news.docimage}"
								width="100" height="67">
						</div>
						<div class="text">
							<h3>${news.doctitle}</h3>
							<span>${fn:substringBefore(news.docreltime,".")}</span>
						</div>
					</li>
				</c:forEach>
			</c:if>
			<c:if test="${empty newsList_bsxw}">
      		暂无数据
      	</c:if>
		</ul>
	</div>
	<div class="newsbox">
		<div class="newstit">
			<span class="more" onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_liebiao?item=127"'>更多</span>
			<h3>
				<em class="menu_3"></em>图片新闻
			</h3>
			<div class="clear"></div>
		</div>
		<ul class="newsul">			
			<c:if test="${not empty newsList_tpxw}">
				<c:forEach var="news" items="${newsList_tpxw}">
					<li
						onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_detail?docid=${news.docid}"'>
						<div class="photo">
							<img
								src="${news.docimage}"
								width="100" height="67">
						</div>
						<div class="text">
							<h3>${news.doctitle}</h3>
							<span>${fn:substringBefore(news.docreltime,".")}</span>
						</div>
					</li>
				</c:forEach>
			</c:if>
			<c:if test="${empty newsList_tpxw}">
      		暂无数据
      	</c:if>
		</ul>
	</div>
	<div class="newsbox">
		<div class="newstit">
			<span class="more" onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_liebiao?item=1534"'>更多</span>
			<h3>
				<em class="menu_4"></em>县市区要闻
			</h3>
			<div class="clear"></div>
		</div>
		<ul class="newsul">			
			<c:if test="${not empty newsList_xsqxw}">
				<c:forEach var="news" items="${newsList_xsqxw}">
					<li
						onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_detail?docid=${news.docid}"'>
						<div class="photo">
							<img
								src="${news.docimage}"
								width="100" height="67">
						</div>
						<div class="text">
							<h3>${news.doctitle}</h3>
							<span>${fn:substringBefore(news.docreltime,".")}</span>
						</div>
					</li>
				</c:forEach>
			</c:if>
			<c:if test="${empty newsList_xsqxw}">
      		暂无数据
      	</c:if>
		</ul>
	</div>
	<div class="newsbox">
		<!-- 政务动态 -->
		<div class="newstit">
			<span class="more" onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_liebiao?item=125"'>更多</span>
			<h3>
				<em class="menu_1"></em>外埠要闻
			</h3>
			<div class="clear"></div>
		</div>
		<ul class="newsul">
			<c:if test="${not empty newsList_wbxw}">
				<c:forEach var="news" items="${newsList_wbxw}">
					<li
						onClick='javascript:window.location.href="<%=request.getContextPath()%>/nbwx/m/list_detail?docid=${news.docid}"'>
						<div class="photo">
							<img
								src="${news.docimage}"
								width="100" height="67">
						</div>
						<div class="text">
							<h3>${news.doctitle}</h3>
							<span>${fn:substringBefore(news.docreltime,".")}</span>
						</div>
					</li>
				</c:forEach>
			</c:if>
			<c:if test="${empty newsList_wbxw}">
      		暂无数据
      	</c:if>
		</ul>
	</div>
	<!-- main end --> </main>
<script type="text/javascript" src="<%=request.getContextPath()%>/jsp/ningbo/js/Koala.min.1.5.js"></script>
<script type="text/javascript">
Qfast.add('widgets', { path: "<%=request.getContextPath()%>/jsp/ningbo/js/Terminator2.2.min.js", type: "js", requires: ['fx'] });
Qfast(false, 'widgets', function () {
    K.tabs({
        id: 'flash_box',   //焦点图包裹id
        conId: "flash_con",  //** 大图域包裹id
        tabId:"fbtn_con",
		tabTn:"a",
	    conCn: '.split', //** 大图域配置class			
        auto: 1,   //自动播放
        effect: 'fade',   //效果配置
        eType: 'click', //** 鼠标事件
		pageBt:true,//是否有按钮切换页码
		bns: ['.prev', '.next'],//** 前后按钮配置class								
        interval: 4000  //** 停顿时间
          })

})
</script>
	<script>
$(function(){
			var focusBanner=function(){
				var $focusBanner=$("#focus-banner"),
					$bannerList=$("#focus-banner-list li"),
					$focusHandle=$(".focus-handle"),
					$bannerImg=$(".focus-banner-img"),
					$nextBnt=$("#next-img"),
					$prevBnt=$("#prev-img"),
					$focusBubble=$("#focus-bubble"),
					bannerLength=$bannerList.length,
					_index=0,
					_timer="";

					var _height=$(".focus-banner-img").find("img").height();
					$focusBanner.height(_height);
					$bannerImg.height(_height);

					$(window).resize(function(){
						window.location.reload()
					});

					for(var i=0; i<bannerLength; i++){
						$bannerList.eq(i).css("zIndex",bannerLength-i);
						$focusBubble.append("<li></li>");
					}
					$focusBubble.find("li").eq(0).addClass("current");
					var bubbleLength=$focusBubble.find("li").length;
					$focusBubble.css({
						"width":bubbleLength*22,
						"marginLeft":-bubbleLength*11
					});//初始化

					$focusBubble.on("click","li",function(){
						$(this).addClass("current").siblings().removeClass("current");
						_index=$(this).index();
						changeImg(_index);
					});//点击轮换

					$nextBnt.on("click",function(){
						_index++
						if(_index>bannerLength-1){
							_index=0;
						}
						changeImg(_index);
					});//下一张

					$prevBnt.on("click",function(){
						_index--
						if(_index<0){
							_index=bannerLength-1;
						}
						changeImg(_index);
					});//上一张

					function changeImg(_index){
						$bannerList.eq(_index).fadeIn(250);
						$bannerList.eq(_index).siblings().fadeOut(200);
						$focusBubble.find("li").removeClass("current");
						$focusBubble.find("li").eq(_index).addClass("current");
						clearInterval(_timer);
						_timer=setInterval(function(){$nextBnt.click()},5000)
					}//切换主函数
					_timer=setInterval(function(){$nextBnt.click()},5000)
			}();
		})
</script>
</body>
</html>